<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>dom简介</title>
    <style>
    </style>
   
</head>

<body>
    <div id="root">
    </div>
</body>

<script>
     /*
     documentObectModel简称dom 文档对象模型 
        dom树
            文档  一个页面就是一个文档document
            元素 页面中所有标签都是元素element
            节点 网页中所有内容都可以看做一个节点(标签 属性 文本 注释)node
                dom把以上内容都看作对象
     */
     document.getElementById('root').innerHTML=12
     let doc=document.getElementById('root')
    
</script>

</html>